<template>
    <div class="payment-methods">
      <h1>常见支付方式</h1>
  
      <!-- 微信支付 -->
      <section class="payment-method">
        <h2>微信支付</h2>
        <p>微信支付是一种通过微信App进行支付的移动支付方式。用户可以通过扫描二维码或者在商户应用内选择微信支付完成支付流程。微信支付支持多种支付场景，如线上购物、线下扫码支付等。</p>
      </section>
  
      <!-- 支付宝 -->
      <section class="payment-method">
        <h2>支付宝</h2>
        <p>支付宝是阿里巴巴集团推出的一款第三方支付工具。用户可以通过支付宝App扫描二维码、支付账单、充值、转账等方式进行支付。支付宝支持多种支付方式和服务，包括余额支付、银行卡支付、花呗等。</p>
      </section>
  
      <!-- 银行卡支付 -->
      <section class="payment-method">
        <h2>银行卡支付</h2>
        <p>银行卡支付是一种通过银行发行的借记卡或信用卡进行支付的方式。用户在购物网站上填写卡号、有效期、CVV等信息完成支付。银行卡支付支持大额支付和国际交易。</p>
      </section>
  
      <!-- Apple Pay / Google Pay -->
      <section class="payment-method">
        <h2>Apple Pay / Google Pay</h2>
        <p>Apple Pay 和 Google Pay 是苹果和谷歌推出的移动支付解决方案。用户可以将银行卡或信用卡信息添加到手机支付钱包中，通过NFC技术进行近场支付，支持线上和线下支付。</p>
      </section>
  
      <!-- PayPal -->
      <section class="payment-method">
        <h2>PayPal</h2>
        <p>PayPal 是一款在线支付平台，用户可以通过电子邮件地址连接银行账户、信用卡等支付方式，进行支付和接收付款。PayPal广泛用于国际支付和跨境电商。</p>
      </section>
  
      <!-- 现金支付 -->
      <section class="payment-method">
        <h2>现金支付</h2>
        <p>现金支付是一种传统的支付方式，用户使用纸币和硬币直接支付商品或服务的费用。现金支付通常用于线下交易场景。</p>
      </section>
  
      <!-- 货到付款 -->
      <section class="payment-method">
        <h2>货到付款 (COD)</h2>
        <p>货到付款是指在商品送达时，用户支付现金或通过其他支付方式（如POS机刷卡）完成支付。这种支付方式适用于一些电商平台和特定地区的用户需求。</p>
      </section>
    </div>
  </template>
  
  <script setup>
  </script>
  
  <style scoped>
  .payment-methods {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
  }
  
  h1, h2 {
    color: #333;
  }
  
  .payment-method {
    margin-bottom: 30px;
  }
  
  .payment-method h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
  }
  
  .payment-method p {
    line-height: 1.6;
  }
  </style>
  